<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>彩妆热卖产品列表</title>
    <meta charset="utf-8">
    <style type="text/css">
        .goods{
            width: 270px;
            border: 1px solid #999999;
            margin: 50px auto;
            font-size: 12px;
            color: #999999;
        }
        .goods-title{
            height: 30px;
            font-size: 14px;
            font-weight: bold;
            color: white;
            background-color: deeppink;
            line-height: 30px;
            padding-left: 14px;
        }
        .goods-wrap .goods-item .item-header{
            height: 24px;
            line-height: 24px;
        }
        .item-header .item-id{
            width: 16px;
            height: 16px;
            background-color: #666;
            border-radius: 50%;
            coror: white;
            float: left;
            text-align: center;
            line-height: 16px;
        }
        .item-id .item-title{

        }
    </style>
</head>
<body>
<div class="goods">
    <h2 class="goods-title">大家都喜欢的彩妆</h2>
    <ul class="goods-wrap">
        <li class="goods-item">
            <div class="item-header">
                <span class="item-id">1</span>
                <a href="#"  class="item-title">Za姬芮新能真皙美白隔离霜 35g</a>
            </div>
            <div class="item-content">
                <img src="imges/icon-1.jpg">
                <span>￥62.00 最近69122人购买</span>
            </div>
        </li>
        <li>
            <div class="item-header">
                <span class="item-id">2</span>
                <a href="#"  class="item-title">美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml</a>
            </div>
            <div class="item-content">
                <img src="imges/icon-2.jpg">
                <span>￥89.00 最近13610人购买</span>
            </div>
        </li>
        <li>
            <div class="item-header">
                <span class="item-id">4</span>
                <a href="#"  class="item-title">菲奥娜水漾CC霜40g</a>
            </div>
            <div class="item-content">
                <img src="imges/icon-3.jpg">
                <span>￥59.90 最近13403人购买</span>
            </div>
        </li>
        <li>
            <div class="item-header">
                <span class="item-id">4</span>
                <a href="#"  class="item-title">DHC 蝶翠诗橄榄卸妆油 200ml</a>
            </div>
            <div class="item-content">
                <img src="imges/icon-4.jpg">
                <span>￥169.00 最近16757人购买</span>
            </div>
        </li>
    </ul>
</div>
</body>
</html>